<template>
	<view class="stock-funds oh">

		<!-- <view class="module2">
			<van-dropdown-menu>
				<van-dropdown-item :value="value1" :options="option1" @change='optionlist' />
				<van-dropdown-item :value="value2" :options="option2" @change='optionlist' />
			</van-dropdown-menu>


		</view> -->
		<scroll-view scroll-y="true" style="width: 100%;height: 100vh;">
			<!-- <view class="box_2">
				<view class="group_9">
					<view class="text-wrapper_4">
						<text lines="1" class="text_14">操作员:</text>
						<text lines="1" class="text_15">李大钊</text>
					</view>
					<view class="icon_6">
						<image
							src="https://jiangsudiantuo2022.oss-cn-hangzhou.aliyuncs.com/img/dc6fc3a06cec43680f355beb337bfc86f7769426.png"
							class="label_1"></image>
					</view>
				</view>
				<view class="text-wrapper_5">
					<text lines="1" class="text_16">发送了</text>
					<text lines="1" class="text_17">邀请到店</text>
				</view>
				<view class="group_10">
					<view class="box_5"></view>
					<text lines="1" class="text_18">2小时前</text>
				</view>
			</view> -->
			<view class="box_9 flex-col" v-for="(item,index) in 15" :key="index">
				<view class="box_10">
					<view class="text-group_4">
						<text lines="1" class="text_21">02/24</text>
						<text lines="1" class="text_22">17:45</text>
					</view>
					<view class="box_11">
						<view class="text-wrapper_11">
							<text lines="1" class="text_23">购买了商品</text>
							<text lines="1" class="text_24">游泳十次卡</text>
						</view>
						<text lines="1" class="text_25">操作类型:用户操作</text>
						<text lines="1" class="text_25">操作类型:用户操作</text>
					</view>
				</view>
				<!-- 	<view class="text-wrapper_12">
					<text lines="1" class="text_26">来源:小程序</text>
				</view> -->
			</view>
		</scroll-view>
		<!-- <view class="btns flex-between">
			<u-button text="新增记录" shape="circle" @click="saveclick"
				color="linear-gradient(0deg, rgba(255,64,64,0.93), rgba(255,64,64,0.93), rgba(250,142,142,0.93));"
				size="large"></u-button>

		</view> -->
	</view>
</template>

<script>
	export default {
		data() {

			return {

				option1: [{
						text: '用户操作记录',
						value: '1'
					},
					{
						text: '平台操作记录',
						value: '2'
					}
				],
				option2: [{
						text: '默认排序',
						value: 'q'
					},
					{
						text: '时间由近到远',
						value: 'w'
					},
					{
						text: '时间由远到近',
						value: 'e'
					},
				],
				value1: '1',
				value2: 'q',
			}
		},
		onLoad() {

		},
		methods: {
			saveclick() {
				uni.navigateTo({
					url: './record_index'
				})
			},
			optionlist(e) {
			}
		}
	}
</script>

<style lang="scss" scoped>
	.stock-funds {
		width: 100%;
		height: 100vh;
		background-color: rgb(255, 255, 255);
		// padding-bottom: 40rpx;

		.box_9 {
			box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.110000);
			background-color: rgba(255, 255, 255, 1.000000);
			height: 152rpx;
			width: 92%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			margin-left: 4%;
			margin-top: 20rpx;
		}

		.box_10 {
			width: 690rpx;
			height: 130rpx;
			flex-direction: row;
			display: flex;
			// justify-content: space-between;
			margin: 0 0 0 20rpx;
		}

		.text-group_4 {
			width: 101rpx;
			height: 61rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

		.text_21 {
			width: 101rpx;
			height: 33rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 34rpx;
			font-family: PingFang-SC-Bold;
			font-weight: 700;
			text-align: left;
			white-space: nowrap;
			line-height: 34rpx;
		}

		.text_22 {
			width: 56rpx;
			height: 17rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 22rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 22rpx;
			margin: 11rpx 0 0 2rpx;
		}

		.box_11 {
			width: 264rpx;
			height: 115rpx;
			margin-top: 4rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

		.text-wrapper_11 {
			width: 264rpx;
			height: 25rpx;
			overflow-wrap: break-word;
			font-size: 0rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
		}

		.text_23 {
			// width: 264rpx;
			// height: 25rpx;
			// overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 26rpx;
			// font-family: PingFang-SC-Medium;
			// font-weight: 500;
			text-align: left;
			// white-space: nowrap;
			// line-height: 26rpx;
		}

		.text_24 {
			// width: 264rpx;
			// height: 25rpx;
			// overflow-wrap: break-word;
			color: rgba(255, 65, 5, 1);
			font-size: 26rpx;
			// font-family: PingFang-SC-Medium;
			// font-weight: 500;
			text-align: left;
			// white-space: nowrap;
			line-height: 26rpx;
		}

		.text_25 {
			width: 196rpx;
			height: 26rpx;
			// overflow-wrap: break-word;
			color: rgba(153, 153, 153, 1);
			font-size: 24rpx;
			// font-family: PingFang-SC-Medium;
			// font-weight: 500;
			text-align: left;
			// white-space: nowrap;
			// line-height: 24rpx;
			margin-top: 19rpx;
		}

		.text-wrapper_12 {
			width: 124rpx;
			height: 23rpx;
			display: flex;
			flex-direction: row;
			margin: 19rpx 0 20rpx 141rpx;
		}

		.text_26 {
			width: 124rpx;
			height: 23rpx;
			overflow-wrap: break-word;
			color: rgba(153, 153, 153, 1);
			font-size: 24rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 24rpx;
		}

		.btns {
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			padding: 30rpx;
			padding-bottom: calc(30rpx + env(safe-area-inset-bottom));

			/deep/.u-button {
				&+.u-button {
					margin-left: 20rpx;

				}
			}
		}

		.module2 {
			background-color: #fff;

			/deep/.van-dropdown-menu {
				box-shadow: none;
				height: 80rpx;
			}

			.top {
				padding: 30rpx 40rpx;

				.title {
					font-size: 30rpx;
					font-weight: 700;
				}

				.date {
					color: rgb(190, 190, 190);
					font-size: 24rpx;
					font-weight: 700;
				}
			}

			.table {
				line-height: 26px;
				font-size: 22rpx;

				.thead {
					background-color: rgb(248, 248, 248);
					color: rgb(153, 153, 153);
				}

				.tbody {
					font-weight: 700;

					.tr {
						&:nth-of-type(2n) {
							background-color: rgb(248, 248, 248);
						}
					}
				}

				.th,
				.td {
					width: 25%;
				}
			}
		}

		.box_2 {
			box-shadow: 0px 13px 57px 0px rgba(8, 73, 162, 0.11);
			background-color: rgba(255, 255, 255, 1.0);
			width: 90%;
			height: 254rpx;
			display: flex;
			flex-direction: column;
			margin-left: 5%;
			margin-top: 20rpx;
		}

		.group_9 {
			width: 649rpx;
			height: 60rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 18rpx 0 0 21rpx;
			border-bottom: 1rpx #e8e8e8 solid;
		}

		.text-wrapper_4 {
			width: 162rpx;
			height: 25rpx;
			overflow-wrap: break-word;
			font-size: 0rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
			margin-top: 11rpx;
		}

		.text_14 {
			width: 162rpx;
			height: 25rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 26rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
		}

		.text_15 {
			width: 162rpx;
			height: 25rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 26rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
		}

		.icon_6 {
			background-color: rgba(243, 243, 243, 1.000000);
			border-radius: 50%;
			height: 47rpx;
			display: flex;
			flex-direction: column;
			width: 47rpx;
		}

		.label_1 {
			width: 25rpx;
			height: 25rpx;
			margin: 11rpx 0 0 11rpx;
		}

		.image_3 {
			width: 690rpx;
			height: 1rpx;
			margin-top: 19rpx;
		}

		.text-wrapper_5 {
			width: 182rpx;
			height: 25rpx;
			overflow-wrap: break-word;
			font-size: 0rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
			margin: 30rpx 0 0 21rpx;
		}

		.text_16 {
			width: 182rpx;
			height: 25rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 26rpx;
			font-family: PingFang-SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
		}

		.text_17 {
			width: 182rpx;
			height: 25rpx;
			overflow-wrap: break-word;
			color: rgba(255, 65, 5, 1);
			font-size: 26rpx;
			font-family: PingFang-SC-Bold;
			font-weight: 700;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
		}

		.group_10 {
			width: 121rpx;
			height: 24rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 60rpx 0 30rpx 549rpx;
		}

		.box_5 {
			background-color: rgba(255, 65, 5, 1.000000);
			border-radius: 50%;
			width: 11rpx;
			height: 11rpx;
			margin-top: 6rpx;
			display: flex;
			flex-direction: column;
		}

		.text_18 {
			width: 91rpx;
			height: 24rpx;
			overflow-wrap: break-word;
			color: rgba(51, 51, 51, 1);
			font-size: 26rpx;
			font-family: PingFang-SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 26rpx;
		}
	}
</style>